.divider { height: 2px; background-color: #ffd500; width: 88px; margin: 24px 0 }
.w-40 { width: 40px }
[data-animation=from-top] {
overflow:hidden
}
[data-animation=from-top]>* {
-webkit-animation:fromTop 1.25s ease both;
animation:fromTop 1.25s ease both;
-webkit-transform:translateY(-110%);
transform:translateY(-110%);
-webkit-animation-delay:.8s;
animation-delay:.8s
}
[data-animation=from-bottom] {
overflow:hidden
}
[data-animation=from-bottom]>* {
-webkit-animation:fromBottom 1.25s ease both;
animation:fromBottom 1.25s ease both;
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-animation-delay:.8s;
animation-delay:.8s
}
@-webkit-keyframes fromTop { 0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
to { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes fromTop { 0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
to { -webkit-transform: translateY(0); transform: translateY(0) }
}
@-webkit-keyframes fromBottom { 0% {
-webkit-transform:translateY(110%);
transform:translateY(110%)
}
to { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes fromBottom { 0% {
-webkit-transform:translateY(110%);
transform:translateY(110%)
}
to { -webkit-transform: translateY(0); transform: translateY(0) }
}/*!
 * Bootstrap Utilities v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
@media(min-width:576px) {
.sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
@media(min-width:768px) {
.sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
@media(min-width:992px) {
.sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
@media(min-width:1200px) {
.sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
@media(min-width:1400px) {
.sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }
}
.overflow-hidden { overflow: hidden!important }
.d-flex { display: -webkit-flex!important; display: flex!important }
.d-none { display: none!important }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important }
.position-sticky { position: -webkit-sticky!important; position: sticky!important }
.border { border: 1px solid #dee2e6!important }
.border-top { border-top: 1px solid #dee2e6!important }
.w-100 { width: 100%!important }
.flex-wrap { -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important }
.justify-content-end { -webkit-justify-content: flex-end!important; justify-content: flex-end!important }
.justify-content-center { -webkit-justify-content: center!important; justify-content: center!important }
.justify-content-between { -webkit-justify-content: space-between!important; justify-content: space-between!important }
.align-items-center { -webkit-align-items: center!important; align-items: center!important }
.m-0 { margin: 0!important }
.my-10 { margin-top: 40px!important; margin-bottom: 40px!important }
.mt-2 { margin-top: 8px!important }
.mt-4 { margin-top: 16px!important }
.mt-5 { margin-top: 20px!important }
.mt-6 { margin-top: 24px!important }
.mt-7 { margin-top: 28px!important }
.mt-8 { margin-top: 32px!important }
.mt-10 { margin-top: 40px!important }
.mt-15 { margin-top: 60px!important }
.mt-18 { margin-top: 72px!important }
.mt-25 { margin-top: 100px!important }
.mb-2 { margin-bottom: 8px!important }
.mb-3 { margin-bottom: 12px!important }
.mb-4 { margin-bottom: 16px!important }
.mb-6 { margin-bottom: 24px!important }
.mb-7 { margin-bottom: 28px!important }
.mb-8 { margin-bottom: 32px!important }
.ms-4 { margin-left: 16px!important }
.p-7 { padding: 28px!important }
.pt-0 { padding-top: 0!important }
.pt-5 { padding-top: 20px!important }
.pb-7 { padding-bottom: 28px!important }
.pb-12 { padding-bottom: 48px!important }
.fs-5 { font-size: 1.25rem!important }
.fw-bold { font-weight: 700!important }
.lh-lg { line-height: 2!important }
.text-center { text-align: center!important }
.text-uppercase { text-transform: uppercase!important }
.text-dark { color: #333!important }
.text-white { color: #fff!important }
.visible { visibility: visible!important }
@media(min-width:576px) {
.d-sm-none { display: none!important }
}
@media(min-width:768px) {
.d-md-flex { display: -webkit-flex!important; display: flex!important }
.mt-md-10 { margin-top: 40px!important }
.mt-md-20 { margin-top: 80px!important }
.mb-md-5 { margin-bottom: 20px!important }
.p-md-0 { padding: 0!important }
.p-md-10 { padding: 40px!important }
.pt-md-8 { padding-top: 32px!important }
.pt-md-11 { padding-top: 44px!important }
.pb-md-15 { padding-bottom: 60px!important }
.text-md-end { text-align: right!important }
}
@media(min-width:992px) {
.float-lg-start { float: left!important }
.float-lg-end { float: right!important }
.float-lg-none { float: none!important }
.d-lg-inline { display: inline!important }
.d-lg-inline-block { display: inline-block!important }
.d-lg-block { display: block!important }
.d-lg-grid { display: grid!important }
.d-lg-table { display: table!important }
.d-lg-table-row { display: table-row!important }
.d-lg-table-cell { display: table-cell!important }
.d-lg-flex { display: -webkit-flex!important; display: flex!important }
.d-lg-inline-flex { display: -webkit-inline-flex!important; display: inline-flex!important }
.d-lg-none { display: none!important }
.flex-lg-fill { -webkit-flex: 1 1 auto!important; flex: 1 1 auto!important }
.flex-lg-row { -webkit-flex-direction: row!important; flex-direction: row!important }
.flex-lg-column { -webkit-flex-direction: column!important; flex-direction: column!important }
.flex-lg-row-reverse { -webkit-flex-direction: row-reverse!important; flex-direction: row-reverse!important }
.flex-lg-column-reverse { -webkit-flex-direction: column-reverse!important; flex-direction: column-reverse!important }
.flex-lg-grow-0 { -webkit-flex-grow: 0!important; flex-grow: 0!important }
.flex-lg-grow-1 { -webkit-flex-grow: 1!important; flex-grow: 1!important }
.flex-lg-shrink-0 { -webkit-flex-shrink: 0!important; flex-shrink: 0!important }
.flex-lg-shrink-1 { -webkit-flex-shrink: 1!important; flex-shrink: 1!important }
.flex-lg-wrap { -webkit-flex-wrap: wrap!important; flex-wrap: wrap!important }
.flex-lg-nowrap { -webkit-flex-wrap: nowrap!important; flex-wrap: nowrap!important }
.flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important }
.gap-lg-0 { gap: 0!important }
.gap-lg-1 { gap: 4px!important }
.gap-lg-2 { gap: 8px!important }
.gap-lg-3 { gap: 12px!important }
.gap-lg-4 { gap: 16px!important }
.gap-lg-5 { gap: 20px!important }
.gap-lg-6 { gap: 24px!important }
.gap-lg-7 { gap: 28px!important }
.gap-lg-8 { gap: 32px!important }
.gap-lg-9 { gap: 36px!important }
.gap-lg-10 { gap: 40px!important }
.gap-lg-11 { gap: 44px!important }
.gap-lg-12 { gap: 48px!important }
.gap-lg-13 { gap: 52px!important }
.gap-lg-14 { gap: 56px!important }
.gap-lg-15 { gap: 60px!important }
.gap-lg-16 { gap: 64px!important }
.gap-lg-17 { gap: 68px!important }
.gap-lg-18 { gap: 72px!important }
.gap-lg-19 { gap: 76px!important }
.gap-lg-20 { gap: 80px!important }
.gap-lg-25 { gap: 100px!important }
.justify-content-lg-start { -webkit-justify-content: flex-start!important; justify-content: flex-start!important }
.justify-content-lg-end { -webkit-justify-content: flex-end!important; justify-content: flex-end!important }
.justify-content-lg-center { -webkit-justify-content: center!important; justify-content: center!important }
.justify-content-lg-between { -webkit-justify-content: space-between!important; justify-content: space-between!important }
.justify-content-lg-around { -webkit-justify-content: space-around!important; justify-content: space-around!important }
.justify-content-lg-evenly { -webkit-justify-content: space-evenly!important; justify-content: space-evenly!important }
.align-items-lg-start { -webkit-align-items: flex-start!important; align-items: flex-start!important }
.align-items-lg-end { -webkit-align-items: flex-end!important; align-items: flex-end!important }
.align-items-lg-center { -webkit-align-items: center!important; align-items: center!important }
.align-items-lg-baseline { -webkit-align-items: baseline!important; align-items: baseline!important }
.align-items-lg-stretch { -webkit-align-items: stretch!important; align-items: stretch!important }
.align-content-lg-start { -webkit-align-content: flex-start!important; align-content: flex-start!important }
.align-content-lg-end { -webkit-align-content: flex-end!important; align-content: flex-end!important }
.align-content-lg-center { -webkit-align-content: center!important; align-content: center!important }
.align-content-lg-between { -webkit-align-content: space-between!important; align-content: space-between!important }
.align-content-lg-around { -webkit-align-content: space-around!important; align-content: space-around!important }
.align-content-lg-stretch { -webkit-align-content: stretch!important; align-content: stretch!important }
.align-self-lg-auto { -webkit-align-self: auto!important; align-self: auto!important }
.align-self-lg-start { -webkit-align-self: flex-start!important; align-self: flex-start!important }
.align-self-lg-end { -webkit-align-self: flex-end!important; align-self: flex-end!important }
.align-self-lg-center { -webkit-align-self: center!important; align-self: center!important }
.align-self-lg-baseline { -webkit-align-self: baseline!important; align-self: baseline!important }
.align-self-lg-stretch { -webkit-align-self: stretch!important; align-self: stretch!important }
.order-lg-first { -webkit-order: -1!important; order: -1!important }
.order-lg-0 { -webkit-order: 0!important; order: 0!important }
.order-lg-1 { -webkit-order: 1!important; order: 1!important }
.order-lg-2 { -webkit-order: 2!important; order: 2!important }
.order-lg-3 { -webkit-order: 3!important; order: 3!important }
.order-lg-4 { -webkit-order: 4!important; order: 4!important }
.order-lg-5 { -webkit-order: 5!important; order: 5!important }
.order-lg-last { -webkit-order: 6!important; order: 6!important }
.m-lg-0 { margin: 0!important }
.m-lg-1 { margin: 4px!important }
.m-lg-2 { margin: 8px!important }
.m-lg-3 { margin: 12px!important }
.m-lg-4 { margin: 16px!important }
.m-lg-5 { margin: 20px!important }
.m-lg-6 { margin: 24px!important }
.m-lg-7 { margin: 28px!important }
.m-lg-8 { margin: 32px!important }
.m-lg-9 { margin: 36px!important }
.m-lg-10 { margin: 40px!important }
.m-lg-11 { margin: 44px!important }
.m-lg-12 { margin: 48px!important }
.m-lg-13 { margin: 52px!important }
.m-lg-14 { margin: 56px!important }
.m-lg-15 { margin: 60px!important }
.m-lg-16 { margin: 64px!important }
.m-lg-17 { margin: 68px!important }
.m-lg-18 { margin: 72px!important }
.m-lg-19 { margin: 76px!important }
.m-lg-20 { margin: 80px!important }
.m-lg-25 { margin: 100px!important }
.m-lg-auto { margin: auto!important }
.mx-lg-0 { margin-right: 0!important; margin-left: 0!important }
.mx-lg-1 { margin-right: 4px!important; margin-left: 4px!important }
.mx-lg-2 { margin-right: 8px!important; margin-left: 8px!important }
.mx-lg-3 { margin-right: 12px!important; margin-left: 12px!important }
.mx-lg-4 { margin-right: 16px!important; margin-left: 16px!important }
.mx-lg-5 { margin-right: 20px!important; margin-left: 20px!important }
.mx-lg-6 { margin-right: 24px!important; margin-left: 24px!important }
.mx-lg-7 { margin-right: 28px!important; margin-left: 28px!important }
.mx-lg-8 { margin-right: 32px!important; margin-left: 32px!important }
.mx-lg-9 { margin-right: 36px!important; margin-left: 36px!important }
.mx-lg-10 { margin-right: 40px!important; margin-left: 40px!important }
.mx-lg-11 { margin-right: 44px!important; margin-left: 44px!important }
.mx-lg-12 { margin-right: 48px!important; margin-left: 48px!important }
.mx-lg-13 { margin-right: 52px!important; margin-left: 52px!important }
.mx-lg-14 { margin-right: 56px!important; margin-left: 56px!important }
.mx-lg-15 { margin-right: 60px!important; margin-left: 60px!important }
.mx-lg-16 { margin-right: 64px!important; margin-left: 64px!important }
.mx-lg-17 { margin-right: 68px!important; margin-left: 68px!important }
.mx-lg-18 { margin-right: 72px!important; margin-left: 72px!important }
.mx-lg-19 { margin-right: 76px!important; margin-left: 76px!important }
.mx-lg-20 { margin-right: 80px!important; margin-left: 80px!important }
.mx-lg-25 { margin-right: 100px!important; margin-left: 100px!important }
.mx-lg-auto { margin-right: auto!important; margin-left: auto!important }
.my-lg-0 { margin-top: 0!important; margin-bottom: 0!important }
.my-lg-1 { margin-top: 4px!important; margin-bottom: 4px!important }
.my-lg-2 { margin-top: 8px!important; margin-bottom: 8px!important }
.my-lg-3 { margin-top: 12px!important; margin-bottom: 12px!important }
.my-lg-4 { margin-top: 16px!important; margin-bottom: 16px!important }
.my-lg-5 { margin-top: 20px!important; margin-bottom: 20px!important }
.my-lg-6 { margin-top: 24px!important; margin-bottom: 24px!important }
.my-lg-7 { margin-top: 28px!important; margin-bottom: 28px!important }
.my-lg-8 { margin-top: 32px!important; margin-bottom: 32px!important }
.my-lg-9 { margin-top: 36px!important; margin-bottom: 36px!important }
.my-lg-10 { margin-top: 40px!important; margin-bottom: 40px!important }
.my-lg-11 { margin-top: 44px!important; margin-bottom: 44px!important }
.my-lg-12 { margin-top: 48px!important; margin-bottom: 48px!important }
.my-lg-13 { margin-top: 52px!important; margin-bottom: 52px!important }
.my-lg-14 { margin-top: 56px!important; margin-bottom: 56px!important }
.my-lg-15 { margin-top: 60px!important; margin-bottom: 60px!important }
.my-lg-16 { margin-top: 64px!important; margin-bottom: 64px!important }
.my-lg-17 { margin-top: 68px!important; margin-bottom: 68px!important }
.my-lg-18 { margin-top: 72px!important; margin-bottom: 72px!important }
.my-lg-19 { margin-top: 76px!important; margin-bottom: 76px!important }
.my-lg-20 { margin-top: 80px!important; margin-bottom: 80px!important }
.my-lg-25 { margin-top: 100px!important; margin-bottom: 100px!important }
.my-lg-auto { margin-top: auto!important; margin-bottom: auto!important }
.mt-lg-0 { margin-top: 0!important }
.mt-lg-1 { margin-top: 4px!important }
.mt-lg-2 { margin-top: 8px!important }
.mt-lg-3 { margin-top: 12px!important }
.mt-lg-4 { margin-top: 16px!important }
.mt-lg-5 { margin-top: 20px!important }
.mt-lg-6 { margin-top: 24px!important }
.mt-lg-7 { margin-top: 28px!important }
.mt-lg-8 { margin-top: 32px!important }
.mt-lg-9 { margin-top: 36px!important }
.mt-lg-10 { margin-top: 40px!important }
.mt-lg-11 { margin-top: 44px!important }
.mt-lg-12 { margin-top: 48px!important }
.mt-lg-13 { margin-top: 52px!important }
.mt-lg-14 { margin-top: 56px!important }
.mt-lg-15 { margin-top: 60px!important }
.mt-lg-16 { margin-top: 64px!important }
.mt-lg-17 { margin-top: 68px!important }
.mt-lg-18 { margin-top: 72px!important }
.mt-lg-19 { margin-top: 76px!important }
.mt-lg-20 { margin-top: 80px!important }
.mt-lg-25 { margin-top: 100px!important }
.mt-lg-auto { margin-top: auto!important }
.me-lg-0 { margin-right: 0!important }
.me-lg-1 { margin-right: 4px!important }
.me-lg-2 { margin-right: 8px!important }
.me-lg-3 { margin-right: 12px!important }
.me-lg-4 { margin-right: 16px!important }
.me-lg-5 { margin-right: 20px!important }
.me-lg-6 { margin-right: 24px!important }
.me-lg-7 { margin-right: 28px!important }
.me-lg-8 { margin-right: 32px!important }
.me-lg-9 { margin-right: 36px!important }
.me-lg-10 { margin-right: 40px!important }
.me-lg-11 { margin-right: 44px!important }
.me-lg-12 { margin-right: 48px!important }
.me-lg-13 { margin-right: 52px!important }
.me-lg-14 { margin-right: 56px!important }
.me-lg-15 { margin-right: 60px!important }
.me-lg-16 { margin-right: 64px!important }
.me-lg-17 { margin-right: 68px!important }
.me-lg-18 { margin-right: 72px!important }
.me-lg-19 { margin-right: 76px!important }
.me-lg-20 { margin-right: 80px!important }
.me-lg-25 { margin-right: 100px!important }
.me-lg-auto { margin-right: auto!important }
.mb-lg-0 { margin-bottom: 0!important }
.mb-lg-1 { margin-bottom: 4px!important }
.mb-lg-2 { margin-bottom: 8px!important }
.mb-lg-3 { margin-bottom: 12px!important }
.mb-lg-4 { margin-bottom: 16px!important }
.mb-lg-5 { margin-bottom: 20px!important }
.mb-lg-6 { margin-bottom: 24px!important }
.mb-lg-7 { margin-bottom: 28px!important }
.mb-lg-8 { margin-bottom: 32px!important }
.mb-lg-9 { margin-bottom: 36px!important }
.mb-lg-10 { margin-bottom: 40px!important }
.mb-lg-11 { margin-bottom: 44px!important }
.mb-lg-12 { margin-bottom: 48px!important }
.mb-lg-13 { margin-bottom: 52px!important }
.mb-lg-14 { margin-bottom: 56px!important }
.mb-lg-15 { margin-bottom: 60px!important }
.mb-lg-16 { margin-bottom: 64px!important }
.mb-lg-17 { margin-bottom: 68px!important }
.mb-lg-18 { margin-bottom: 72px!important }
.mb-lg-19 { margin-bottom: 76px!important }
.mb-lg-20 { margin-bottom: 80px!important }
.mb-lg-25 { margin-bottom: 100px!important }
.mb-lg-auto { margin-bottom: auto!important }
.ms-lg-0 { margin-left: 0!important }
.ms-lg-1 { margin-left: 4px!important }
.ms-lg-2 { margin-left: 8px!important }
.ms-lg-3 { margin-left: 12px!important }
.ms-lg-4 { margin-left: 16px!important }
.ms-lg-5 { margin-left: 20px!important }
.ms-lg-6 { margin-left: 24px!important }
.ms-lg-7 { margin-left: 28px!important }
.ms-lg-8 { margin-left: 32px!important }
.ms-lg-9 { margin-left: 36px!important }
.ms-lg-10 { margin-left: 40px!important }
.ms-lg-11 { margin-left: 44px!important }
.ms-lg-12 { margin-left: 48px!important }
.ms-lg-13 { margin-left: 52px!important }
.ms-lg-14 { margin-left: 56px!important }
.ms-lg-15 { margin-left: 60px!important }
.ms-lg-16 { margin-left: 64px!important }
.ms-lg-17 { margin-left: 68px!important }
.ms-lg-18 { margin-left: 72px!important }
.ms-lg-19 { margin-left: 76px!important }
.ms-lg-20 { margin-left: 80px!important }
.ms-lg-25 { margin-left: 100px!important }
.ms-lg-auto { margin-left: auto!important }
.p-lg-0 { padding: 0!important }
.p-lg-1 { padding: 4px!important }
.p-lg-2 { padding: 8px!important }
.p-lg-3 { padding: 12px!important }
.p-lg-4 { padding: 16px!important }
.p-lg-5 { padding: 20px!important }
.p-lg-6 { padding: 24px!important }
.p-lg-7 { padding: 28px!important }
.p-lg-8 { padding: 32px!important }
.p-lg-9 { padding: 36px!important }
.p-lg-10 { padding: 40px!important }
.p-lg-11 { padding: 44px!important }
.p-lg-12 { padding: 48px!important }
.p-lg-13 { padding: 52px!important }
.p-lg-14 { padding: 56px!important }
.p-lg-15 { padding: 60px!important }
.p-lg-16 { padding: 64px!important }
.p-lg-17 { padding: 68px!important }
.p-lg-18 { padding: 72px!important }
.p-lg-19 { padding: 76px!important }
.p-lg-20 { padding: 80px!important }
.p-lg-25 { padding: 100px!important }
.px-lg-0 { padding-right: 0!important; padding-left: 0!important }
.px-lg-1 { padding-right: 4px!important; padding-left: 4px!important }
.px-lg-2 { padding-right: 8px!important; padding-left: 8px!important }
.px-lg-3 { padding-right: 12px!important; padding-left: 12px!important }
.px-lg-4 { padding-right: 16px!important; padding-left: 16px!important }
.px-lg-5 { padding-right: 20px!important; padding-left: 20px!important }
.px-lg-6 { padding-right: 24px!important; padding-left: 24px!important }
.px-lg-7 { padding-right: 28px!important; padding-left: 28px!important }
.px-lg-8 { padding-right: 32px!important; padding-left: 32px!important }
.px-lg-9 { padding-right: 36px!important; padding-left: 36px!important }
.px-lg-10 { padding-right: 40px!important; padding-left: 40px!important }
.px-lg-11 { padding-right: 44px!important; padding-left: 44px!important }
.px-lg-12 { padding-right: 48px!important; padding-left: 48px!important }
.px-lg-13 { padding-right: 52px!important; padding-left: 52px!important }
.px-lg-14 { padding-right: 56px!important; padding-left: 56px!important }
.px-lg-15 { padding-right: 60px!important; padding-left: 60px!important }
.px-lg-16 { padding-right: 64px!important; padding-left: 64px!important }
.px-lg-17 { padding-right: 68px!important; padding-left: 68px!important }
.px-lg-18 { padding-right: 72px!important; padding-left: 72px!important }
.px-lg-19 { padding-right: 76px!important; padding-left: 76px!important }
.px-lg-20 { padding-right: 80px!important; padding-left: 80px!important }
.px-lg-25 { padding-right: 100px!important; padding-left: 100px!important }
.py-lg-0 { padding-top: 0!important; padding-bottom: 0!important }
.py-lg-1 { padding-top: 4px!important; padding-bottom: 4px!important }
.py-lg-2 { padding-top: 8px!important; padding-bottom: 8px!important }
.py-lg-3 { padding-top: 12px!important; padding-bottom: 12px!important }
.py-lg-4 { padding-top: 16px!important; padding-bottom: 16px!important }
.py-lg-5 { padding-top: 20px!important; padding-bottom: 20px!important }
.py-lg-6 { padding-top: 24px!important; padding-bottom: 24px!important }
.py-lg-7 { padding-top: 28px!important; padding-bottom: 28px!important }
.py-lg-8 { padding-top: 32px!important; padding-bottom: 32px!important }
.py-lg-9 { padding-top: 36px!important; padding-bottom: 36px!important }
.py-lg-10 { padding-top: 40px!important; padding-bottom: 40px!important }
.py-lg-11 { padding-top: 44px!important; padding-bottom: 44px!important }
.py-lg-12 { padding-top: 48px!important; padding-bottom: 48px!important }
.py-lg-13 { padding-top: 52px!important; padding-bottom: 52px!important }
.py-lg-14 { padding-top: 56px!important; padding-bottom: 56px!important }
.py-lg-15 { padding-top: 60px!important; padding-bottom: 60px!important }
.py-lg-16 { padding-top: 64px!important; padding-bottom: 64px!important }
.py-lg-17 { padding-top: 68px!important; padding-bottom: 68px!important }
.py-lg-18 { padding-top: 72px!important; padding-bottom: 72px!important }
.py-lg-19 { padding-top: 76px!important; padding-bottom: 76px!important }
.py-lg-20 { padding-top: 80px!important; padding-bottom: 80px!important }
.py-lg-25 { padding-top: 100px!important; padding-bottom: 100px!important }
.pt-lg-0 { padding-top: 0!important }
.pt-lg-1 { padding-top: 4px!important }
.pt-lg-2 { padding-top: 8px!important }
.pt-lg-3 { padding-top: 12px!important }
.pt-lg-4 { padding-top: 16px!important }
.pt-lg-5 { padding-top: 20px!important }
.pt-lg-6 { padding-top: 24px!important }
.pt-lg-7 { padding-top: 28px!important }
.pt-lg-8 { padding-top: 32px!important }
.pt-lg-9 { padding-top: 36px!important }
.pt-lg-10 { padding-top: 40px!important }
.pt-lg-11 { padding-top: 44px!important }
.pt-lg-12 { padding-top: 48px!important }
.pt-lg-13 { padding-top: 52px!important }
.pt-lg-14 { padding-top: 56px!important }
.pt-lg-15 { padding-top: 60px!important }
.pt-lg-16 { padding-top: 64px!important }
.pt-lg-17 { padding-top: 68px!important }
.pt-lg-18 { padding-top: 72px!important }
.pt-lg-19 { padding-top: 76px!important }
.pt-lg-20 { padding-top: 80px!important }
.pt-lg-25 { padding-top: 100px!important }
.pe-lg-0 { padding-right: 0!important }
.pe-lg-1 { padding-right: 4px!important }
.pe-lg-2 { padding-right: 8px!important }
.pe-lg-3 { padding-right: 12px!important }
.pe-lg-4 { padding-right: 16px!important }
.pe-lg-5 { padding-right: 20px!important }
.pe-lg-6 { padding-right: 24px!important }
.pe-lg-7 { padding-right: 28px!important }
.pe-lg-8 { padding-right: 32px!important }
.pe-lg-9 { padding-right: 36px!important }
.pe-lg-10 { padding-right: 40px!important }
.pe-lg-11 { padding-right: 44px!important }
.pe-lg-12 { padding-right: 48px!important }
.pe-lg-13 { padding-right: 52px!important }
.pe-lg-14 { padding-right: 56px!important }
.pe-lg-15 { padding-right: 60px!important }
.pe-lg-16 { padding-right: 64px!important }
.pe-lg-17 { padding-right: 68px!important }
.pe-lg-18 { padding-right: 72px!important }
.pe-lg-19 { padding-right: 76px!important }
.pe-lg-20 { padding-right: 80px!important }
.pe-lg-25 { padding-right: 100px!important }
.pb-lg-0 { padding-bottom: 0!important }
.pb-lg-1 { padding-bottom: 4px!important }
.pb-lg-2 { padding-bottom: 8px!important }
.pb-lg-3 { padding-bottom: 12px!important }
.pb-lg-4 { padding-bottom: 16px!important }
.pb-lg-5 { padding-bottom: 20px!important }
.pb-lg-6 { padding-bottom: 24px!important }
.pb-lg-7 { padding-bottom: 28px!important }
.pb-lg-8 { padding-bottom: 32px!important }
.pb-lg-9 { padding-bottom: 36px!important }
.pb-lg-10 { padding-bottom: 40px!important }
.pb-lg-11 { padding-bottom: 44px!important }
.pb-lg-12 { padding-bottom: 48px!important }
.pb-lg-13 { padding-bottom: 52px!important }
.pb-lg-14 { padding-bottom: 56px!important }
.pb-lg-15 { padding-bottom: 60px!important }
.pb-lg-16 { padding-bottom: 64px!important }
.pb-lg-17 { padding-bottom: 68px!important }
.pb-lg-18 { padding-bottom: 72px!important }
.pb-lg-19 { padding-bottom: 76px!important }
.pb-lg-20 { padding-bottom: 80px!important }
.pb-lg-25 { padding-bottom: 100px!important }
.ps-lg-0 { padding-left: 0!important }
.ps-lg-1 { padding-left: 4px!important }
.ps-lg-2 { padding-left: 8px!important }
.ps-lg-3 { padding-left: 12px!important }
.ps-lg-4 { padding-left: 16px!important }
.ps-lg-5 { padding-left: 20px!important }
.ps-lg-6 { padding-left: 24px!important }
.ps-lg-7 { padding-left: 28px!important }
.ps-lg-8 { padding-left: 32px!important }
.ps-lg-9 { padding-left: 36px!important }
.ps-lg-10 { padding-left: 40px!important }
.ps-lg-11 { padding-left: 44px!important }
.ps-lg-12 { padding-left: 48px!important }
.ps-lg-13 { padding-left: 52px!important }
.ps-lg-14 { padding-left: 56px!important }
.ps-lg-15 { padding-left: 60px!important }
.ps-lg-16 { padding-left: 64px!important }
.ps-lg-17 { padding-left: 68px!important }
.ps-lg-18 { padding-left: 72px!important }
.ps-lg-19 { padding-left: 76px!important }
.ps-lg-20 { padding-left: 80px!important }
.ps-lg-25 { padding-left: 100px!important }
.text-lg-start { text-align: left!important }
.text-lg-end { text-align: right!important }
.text-lg-center { text-align: center!important }
}
.container, .container-lg { width: 100%; padding-right: var(--bs-gutter-x, 14px); padding-left: var(--bs-gutter-x, 14px); margin-right: auto; margin-left: auto }
@media(min-width:576px) {
.container { max-width: 540px }
}
@media(min-width:768px) {
.container { max-width: 720px }
}
@media(min-width:992px) {
.container, .container-lg { max-width: 960px }
}
@media(min-width:1200px) {
.container, .container-lg { max-width: 1140px }
}
@media(min-width:1400px) {
.container, .container-lg { max-width: 1214px }
}
.row {
--bs-gutter-x:1.5rem;
--bs-gutter-y:0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top:calc(var(--bs-gutter-y)*-1);
margin-right:calc(var(--bs-gutter-x)*-0.5);
margin-left:calc(var(--bs-gutter-x)*-0.5)
}
.row>* { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right:calc(var(--bs-gutter-x)*0.5);
padding-left:calc(var(--bs-gutter-x)*0.5);
margin-top: var(--bs-gutter-y) }
.col { -webkit-flex: 1 0 0%; flex: 1 0 0% }
@media(min-width:992px) {
.col-lg { -webkit-flex: 1 0 0%; flex: 1 0 0% }
.row-cols-lg-auto>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto }
.row-cols-lg-1>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100% }
.row-cols-lg-2>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50% }
.row-cols-lg-3>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333% }
.row-cols-lg-4>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25% }
.row-cols-lg-5>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 20% }
.row-cols-lg-6>* { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.6666666667% }
}
.col-4 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% }
.gy-4 { --bs-gutter-y:16px
}
.gy-5 { --bs-gutter-y:20px
}
.gy-6 { --bs-gutter-y:24px
}
.gx-7 { --bs-gutter-x:28px
}
.gy-7 { --bs-gutter-y:28px
}
.gx-8 { --bs-gutter-x:32px
}
.gy-8 { --bs-gutter-y:32px
}
.g-10, .gx-10 { --bs-gutter-x:40px
}
.g-10, .gy-10 { --bs-gutter-y:40px
}
.gx-11 { --bs-gutter-x:44px
}
.gy-11 { --bs-gutter-y:44px
}
@media(min-width:768px) {
.col-md-4 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% }
.col-md-6 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50% }
.col-md-7 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% }
.gy-md-8 { --bs-gutter-y:32px
}
.gx-md-15 { --bs-gutter-x:60px
}
.gx-md-20 { --bs-gutter-x:80px
}
}
@media(min-width:992px) {
.col-lg-auto { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto }
.col-lg-1 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% }
.col-lg-2 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% }
.col-lg-3 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 25% }
.col-lg-4 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% }
.col-lg-5 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% }
.col-lg-6 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 50% }
.col-lg-7 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% }
.col-lg-8 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% }
.col-lg-9 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 75% }
.col-lg-10 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% }
.col-lg-11 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% }
.col-lg-12 { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 100% }
.offset-lg-0 { margin-left: 0 }
.offset-lg-1 { margin-left: 8.33333333% }
.offset-lg-2 { margin-left: 16.66666667% }
.offset-lg-3 { margin-left: 25% }
.offset-lg-4 { margin-left: 33.33333333% }
.offset-lg-5 { margin-left: 41.66666667% }
.offset-lg-6 { margin-left: 50% }
.offset-lg-7 { margin-left: 58.33333333% }
.offset-lg-8 { margin-left: 66.66666667% }
.offset-lg-9 { margin-left: 75% }
.offset-lg-10 { margin-left: 83.33333333% }
.offset-lg-11 { margin-left: 91.66666667% }
.g-lg-0, .gx-lg-0 { --bs-gutter-x:0
}
.g-lg-0, .gy-lg-0 { --bs-gutter-y:0
}
.g-lg-1, .gx-lg-1 { --bs-gutter-x:4px
}
.g-lg-1, .gy-lg-1 { --bs-gutter-y:4px
}
.g-lg-2, .gx-lg-2 { --bs-gutter-x:8px
}
.g-lg-2, .gy-lg-2 { --bs-gutter-y:8px
}
.g-lg-3, .gx-lg-3 { --bs-gutter-x:12px
}
.g-lg-3, .gy-lg-3 { --bs-gutter-y:12px
}
.g-lg-4, .gx-lg-4 { --bs-gutter-x:16px
}
.g-lg-4, .gy-lg-4 { --bs-gutter-y:16px
}
.g-lg-5, .gx-lg-5 { --bs-gutter-x:20px
}
.g-lg-5, .gy-lg-5 { --bs-gutter-y:20px
}
.g-lg-6, .gx-lg-6 { --bs-gutter-x:24px
}
.g-lg-6, .gy-lg-6 { --bs-gutter-y:24px
}
.g-lg-7, .gx-lg-7 { --bs-gutter-x:28px
}
.g-lg-7, .gy-lg-7 { --bs-gutter-y:28px
}
.g-lg-8, .gx-lg-8 { --bs-gutter-x:32px
}
.g-lg-8, .gy-lg-8 { --bs-gutter-y:32px
}
.g-lg-9, .gx-lg-9 { --bs-gutter-x:36px
}
.g-lg-9, .gy-lg-9 { --bs-gutter-y:36px
}
.g-lg-10, .gx-lg-10 { --bs-gutter-x:40px
}
.g-lg-10, .gy-lg-10 { --bs-gutter-y:40px
}
.g-lg-11, .gx-lg-11 { --bs-gutter-x:44px
}
.g-lg-11, .gy-lg-11 { --bs-gutter-y:44px
}
.g-lg-12, .gx-lg-12 { --bs-gutter-x:48px
}
.g-lg-12, .gy-lg-12 { --bs-gutter-y:48px
}
.g-lg-13, .gx-lg-13 { --bs-gutter-x:52px
}
.g-lg-13, .gy-lg-13 { --bs-gutter-y:52px
}
.g-lg-14, .gx-lg-14 { --bs-gutter-x:56px
}
.g-lg-14, .gy-lg-14 { --bs-gutter-y:56px
}
.g-lg-15, .gx-lg-15 { --bs-gutter-x:60px
}
.g-lg-15, .gy-lg-15 { --bs-gutter-y:60px
}
.g-lg-16, .gx-lg-16 { --bs-gutter-x:64px
}
.g-lg-16, .gy-lg-16 { --bs-gutter-y:64px
}
.g-lg-17, .gx-lg-17 { --bs-gutter-x:68px
}
.g-lg-17, .gy-lg-17 { --bs-gutter-y:68px
}
.g-lg-18, .gx-lg-18 { --bs-gutter-x:72px
}
.g-lg-18, .gy-lg-18 { --bs-gutter-y:72px
}
.g-lg-19, .gx-lg-19 { --bs-gutter-x:76px
}
.g-lg-19, .gy-lg-19 { --bs-gutter-y:76px
}
.g-lg-20, .gx-lg-20 { --bs-gutter-x:80px
}
.g-lg-20, .gy-lg-20 { --bs-gutter-y:80px
}
.g-lg-25, .gx-lg-25 { --bs-gutter-x:100px
}
.g-lg-25, .gy-lg-25 { --bs-gutter-y:100px
}
}
body, dl, figure, h1, h2, h3, h4, h5, html, iframe, li, ol, p, pre, textarea, ul { margin: 0; padding: 0 }
h1, h2, h3, h4, h5 { font-size: 100%; font-weight: 400 }
ul { list-style: none }
button, input, select { margin: 0 }
html { box-sizing: border-box }
*, :after, :before { box-sizing: inherit }
img, video { height: auto; max-width: 100% }
iframe { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
img { vertical-align: middle }
html { font-size: 16px; min-width: 320px; touch-action: manipulation; scroll-behavior: smooth }
body, html { overflow-x: hidden }
body { background-color: #fff; color: #000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5; font-family: Noto Sans SC, sans-serif; font-weight: 400 }
a { color: inherit; text-decoration: none; display: inline-block }
a, button, input { font-size: inherit; font-weight: inherit }
button, input { font-family: inherit; padding: 0; margin: 0 }
@font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 300; src: local(""), url(../fonts/noto-sans-sc-v12-latin-300.woff2) format("woff2"), url(../fonts/noto-sans-sc-v12-latin-300.woff) format("woff") }
@font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 500; src: local(""), url(../fonts/noto-sans-sc-v12-latin-500.woff2) format("woff2"), url(../fonts/noto-sans-sc-v12-latin-500.woff) format("woff") }
@font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 400; src: local(""), url(../fonts/noto-sans-sc-v12-latin-regular.woff2) format("woff2"), url(../fonts/noto-sans-sc-v12-latin-regular.woff) format("woff") }
@font-face { font-family: Noto Sans SC; font-style: normal; font-weight: 700; src: local(""), url(../fonts/noto-sans-sc-v12-latin-700.woff2) format("woff2"), url(../fonts/noto-sans-sc-v12-latin-700.woff) format("woff") }
.text-15 { font-size: 15px }
.text-sm { font-size: 14px }
.fw-300 { font-weight: 300 }
.heading-primary { font-size: 24px; line-height: 1.2; font-weight: 500; text-transform: uppercase }
@media(min-width:768px) {
.heading-primary { font-size: 48px }
}
@media(min-width:992px) {
.heading-primary { font-size: 56px }
}
.heading-secondary { font-size: 30px; line-height: 1.4; font-weight: 500; color: #333 }
@media(min-width:768px) {
.heading-secondary { font-size: 48px }
}
.view-heading { color: #333; font-weight: 500; text-transform: uppercase; font-size: 28px }
@media(min-width:768px) {
.view-heading { font-size: 38px }
}
.navbar { padding: 10px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; background-color: #00509d; position: relative; z-index: 9999 }
.navbar--transparent { background-color: transparent; position: absolute!important; top: 0; left: 0; width: 100% }
@media(min-width:768px) {
.navbar { padding: 10px 40px }
}
@media(min-width:1200px) {
.navbar { padding: 30px 60px }
}
.logo { width: 150px }
@media(min-width:992px) {
.logo { width: 170px }
}
@media(max-width:991.98px) {
.navbar.active .navbar__list { min-height: calc(100vh - 80px);height:auto; }
.navbar__list { text-align: center; position: absolute; top: 80px; left: 0; width: 100%; background-color: rgba(0,80,157,.9686274509803922); height: 0; display: none; transition: height .2s ease; overflow: hidden }
}
.navbar__list li a { padding: 22px; color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase }
@media(min-width:992px) {
.navbar__list { display: -webkit-flex!important; display: flex!important }
.navbar__list>*+* { margin-left: 40px }
.navbar__list li a { font-size: 18px; padding: 12px 0; border-bottom: 1px solid transparent; transition: border-color .2s ease }
.navbar__list li.current-menu-item a, .navbar__list li a:hover { border-color: hsla(0,0%,100%,.5490196078) }
}
.navbar.active .navbar__burger img:first-child { display: none }
.navbar.active .navbar__burger img:nth-child(2) { display: block }
.navbar__burger { display: -webkit-inline-flex; display: inline-flex; background-color: rgba(0,0,0,.05); padding: 5px; border-radius: 3px; width: 32px; height: 32px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; cursor: pointer }
.navbar__burger img:nth-child(2) { display: none }
@media(min-width:992px) {
.navbar__burger { display: none }
}
.hero { height: 100vh; background-position: 0; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 10; padding: 80px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.hero>* { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
.hero:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .49; mix-blend-mode: multiply; z-index: -1 }
.hero-sm { height: 200px }
@media(min-width:768px) {
.hero-sm { height: 394px }
}
.hero-md { height: 308px; background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding-top: 50px }
.hero-md:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .68; z-index: -1 }
@media(min-width:576px) {
.hero-md { height: 392px }
}
.hero-about { height: 236px; background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding-top: 50px }
.hero-about:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .68; z-index: -1 }
@media(min-width:576px) {
.hero-about { height: 424px }
}
.section { padding: 40px 0 }
@media(min-width:992px) {
.section { padding: 60px 0 }
}
.banner { min-height: 386px; padding: 50px 0; background-image: url(https://anjiasg.com/wp-content/uploads/2021/10/anjiamain2.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-position: right 60%; background-size: 690px auto }
.banner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #181818; opacity: .33; z-index: -1 }
@media(min-width:700px) {
.banner { background-size: 790px auto }
}
@media(min-width:768px) {
.banner { min-height: 450px; background-position: 100%; background-size: cover }
}
@media(min-width:992px) {
.banner { background-position: 50% }
}
.contacts { background-color: #00509d; padding: 55px 0 40px; text-align: center }
.contacts .container { max-width: 1120px }
.contacts__qr img { margin: 15px }
.contacts img { max-width: 220px }
.contacts p { font-size: 18px; color: #fff; margin-bottom: 15px }
.contacts a { color: #fff; text-decoration: underline; font-size: 20px; font-weight: 500; margin-bottom: 24px; display: inline-block; line-height: 1 }
@media(min-width:768px) {
.contacts { padding: 70px 0 }
.contacts__qr { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center }
}
@media(min-width:992px) {
.contacts { text-align: left }
.contacts__qr { -webkit-justify-content: flex-end; justify-content: flex-end }
}
.footer { background-color: #efefef; padding: 30px 0 60px }
.footer__nav { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center }
.footer__nav-item { padding: 14px 20px }
.footer__nav-link { font-size: 16px; font-weight: 300 }
.button { background-color: #ffd500; padding: 15px 50px; font-size: 18px; line-height: 1; color: #000; border: none; border-radius: 5px; transition: background-color .4s ease, color .4s ease; font-weight: 400; overflow: hidden; position: relative; z-index: 10; cursor: pointer }
.button--sm { font-size: 20px!important }
.button--anime:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; -webkit-transform: translateY(100%); transform: translateY(100%); transition: border-radius .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, border-radius .3s ease; transition: transform .3s ease, border-radius .3s ease, -webkit-transform .3s ease; border-radius: 100% }
.button--anime:hover:after { -webkit-transform: translateY(0); transform: translateY(0); border-radius: 5px }
.button:hover { background-color: #000; color: #ffd500 }
@media(min-width:992px) {
.button { font-size: 24px }
}
.button-outline { font-size: 18px; letter-spacing: 1px; fill: #000; color: #000; background-color: rgba(2,1,1,0); border-style: solid; border-width: 1px; border-radius: 5px 5px 5px 5px; padding: 17px 65px; line-height: 1; display: -webkit-inline-flex; display: inline-flex; position: relative; transition: background-color .4s ease, border-color .2s ease; overflow: hidden }
.button-outline img { width: 16px; margin-left: 10px }
.button-outline:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #ffd500; -webkit-transform: translateY(100%); transform: translateY(100%); transition: border-radius .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, border-radius .3s ease; transition: transform .3s ease, border-radius .3s ease, -webkit-transform .3s ease; border-radius: 100% }
.button-outline:hover { background-color: #ffd500; border-color: #ffd500 }
.button-outline:hover:after { -webkit-transform: translateY(0); transform: translateY(0); border-radius: 5px }
.service-card { height: 228px; background-color: #333; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-image: url(https://anjiasg.com/wp-content/uploads/2021/06/pic-1.webp); background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; font-size: 28px; font-weight: 500; text-transform: uppercase; color: #fff }
.service-card:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #74818f; opacity: .9; z-index: -1; mix-blend-mode: multiply }
@media(min-width:768px) {
.service-card { height: 270px }
}
.review-card { text-align: center; max-width: 748px; padding: 0 30px; margin: 0 auto }
.review-card__img { width: 120px; height: 120px; border-radius: 200px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 24px; display: inline-block }
.review-card__description { font-size: 21px; font-weight: 300; margin-bottom: 24px }
.review-card__name { font-size: 21px; color: #ffd500; font-weight: 300; text-transform: uppercase }
.review-card__position { color: #6b6b6b; font-weight: 500; font-size: 16px }
.review-swiper-wrapper { position: relative; max-width: 980px; margin: 0 auto }
.review-swiper { padding-bottom: 60px!important; max-width: 980px; position: static!important }
@media(min-width:768px) {
.review-swiper { margin: 0 96px!important }
}
.review-swiper .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 6px!important }
.review-swiper .swiper-pagination-bullet-active { background-color: #d19024 }
.review-swiper .swiper-button-next, .review-swiper .swiper-button-prev { width: 20px; height: 20px }
.review-swiper .swiper-button-next:after, .review-swiper .swiper-button-prev:after { content: none }
.review-swiper .swiper-button-prev { left: 0 }
.review-swiper .swiper-button-next { right: 0 }
.benefit-card { padding: 30px 30px 46px; width: 100%; border-radius: 10px; box-shadow: 0 0 30px 0 rgba(0,0,0,.09); text-align: center; height: 100% }
.benefit-card__icon { width: 120px; height: 120px; background-color: #00509d; border-radius: 100%; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 16px; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease }
.benefit-card__icon:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.benefit-card__icon img { width: 60px; height: 60px }
.benefit-card__heading { font-size: 20px; color: #333; font-weight: 500; text-transform: uppercase }
.benefits-grid { display: grid; gap: 20px }
@media(min-width:768px) {
.benefits-grid { grid-template-columns: 1fr 1fr }
}
@media(min-width:992px) {
.benefits-grid { grid-template-columns: repeat(3, 1fr) }
}
@media(min-width:1200px) {
.benefits-grid { grid-template-columns: repeat(5, 1fr) }
}
.estate-card { box-shadow: 0 0 15px 0 rgba(0,0,0,.12); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-size: 18px; position: relative; margin: 24px 10px; margin-top: 24px!important }
.estate-card__label { background-color: #ffd500; position: absolute; left: 0; bottom: 100%; font-size: 14px; font-weight: 300; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 116px; height: 24px; line-height: 24px; text-align: center }
.estate-card__hero { height: 245px; display: block; border-top-right-radius: 7px; overflow: hidden }
.estate-card__hero img { width: 100%; height: 100%; object-fit: cover; object-position: center }
.estate-card__body { padding: 25px 20px }
.estate-card ul li:not(:last-child) { margin-bottom: 10px }
.estate-swiper-wrapper { position: relative }
.estate-swiper-wrapper .swiper-button-next, .estate-swiper-wrapper .swiper-button-prev { width: 50px; height: 50px; background-color: #ffd500; opacity: 1!important; top: calc(50% - 24px) }
.estate-swiper-wrapper .swiper-button-next svg, .estate-swiper-wrapper .swiper-button-prev svg { width: 10px }
.estate-swiper-wrapper .swiper-button-next:after, .estate-swiper-wrapper .swiper-button-prev:after { content: none }
.estate-swiper-wrapper .swiper-button-prev { left: -16px }
.estate-swiper-wrapper .swiper-button-next { right: -16px }
.estate-swiper-wrapper .swiper-button-next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.estate-carousel .carousel-cell { width: 100% }
.estate-carousel .flickity-button { width: 50px!important; height: 50px!important; background-color: #ffd500!important; border-radius: 0!important; color: #fff!important; z-index: 999!important }
.estate-carousel .flickity-button.previous { left: -16px!important; opacity: 1!important }
.estate-carousel .flickity-button.previous svg { width: 12px; color: #000; top: 50%!important; left: 50%!important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.estate-carousel .flickity-button.next { right: -16px!important; opacity: 1!important }
.estate-carousel .flickity-button.next svg { width: 12px; color: #000; top: 50%!important; left: 50%!important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media(min-width:768px) {
.estate-carousel .carousel-cell { width: 50% }
}
@media(min-width:992px) {
.estate-carousel .carousel-cell { width: 33.33333% }
}
.form { background-color: #efefef; padding: 24px 24px 40px; position: relative; display: inline-block; width: 100%; max-width: 960px }
.form--sm { max-width: 750px; margin-left: auto; margin-right: auto }
.form__heading { margin: -45px 0 60px; padding: 20px; background-color: #ffd500; border-radius: 10px 10px 10px 10px; font-size: 30px; line-height: 1.2; text-align: center; font-weight: 500 }
.form__item:not(:first-child) { margin-top: 46px }
.form__item input, .form__item textarea { background-color: transparent; border: none; border-bottom: 1px solid #cfcfcf; width: 100%; font-size: 20px; color: #000; padding: 0 5px; font-family: inherit; min-height: 40px }
.form__item input::-webkit-input-placeholder, .form__item textarea::-webkit-input-placeholder {
font-family:inherit;
font-size:inherit
}
.form__item input:-ms-input-placeholder, .form__item textarea:-ms-input-placeholder {
font-family:inherit;
font-size:inherit
}
.form__item input::placeholder, .form__item textarea::placeholder {
font-family:inherit;
font-size:inherit
}
.form__item input:focus, .form__item textarea:focus { outline: none }
@media(min-width:768px) {
.form { padding: 0 60px 60px }
.form__heading { font-size: 40px }
}
.pagination { display: -webkit-inline-flex; display: inline-flex; border: 1px solid rgba(0,0,0,.2); border-radius: 8px; overflow: hidden }
.pagination__item:not(:last-child) { border-right: 1px solid rgba(0,0,0,.2) }
.pagination__link { font-size: 16px; padding: 2px 15px; font-weight: 500; color: #555; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 40px; line-height: 1 }
.pagination__link.active { background-color: #ffd500; color: #fff!important }
.pagination__link--next, .pagination__link--prev { width: 46px; height: 100% }
.pagination__link--next img, .pagination__link--prev img { width: 8px; margin-top: 2px }
.pagination__link--next.disabled, .pagination__link--prev.disabled { cursor: not-allowed; opacity: .5 }
.pagination__link--prev img { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.view-image { object-fit: cover; width: 100%; height: 260px; box-shadow: 2px 2px 30px 0 rgba(0,0,0,.25) }
@media(min-width:768px) {
.view-image { height: 440px }
}
@media(min-width:992px) {
.view-image { height: 680px }
}
.property-input input { width: 100%; background-color: #fff; box-shadow: 0 0 22px 0 rgba(0,0,0,.1); padding: 15px 15px 15px 40px; position: relative; color: #000; border-width: 0; display: block; background-image: url(../images/svg/search-solid.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: 17px }
.property-input input:focus { outline: none }
.property-input input::-webkit-input-placeholder {
font-size:14px;
line-height:1.3;
font-family:inherit;
color:#000
}
.property-input input:-ms-input-placeholder {
font-size:14px;
line-height:1.3;
font-family:inherit;
color:#000
}
.property-input input, .property-input input::placeholder {
font-size:14px;
line-height:1.3;
font-family:inherit;
color:#000
}
.property-selects { box-shadow: 0 0 30px 0 rgba(0,0,0,.1) }
@media(min-width:992px) {
.property-selects { display: -webkit-flex; display: flex }
}
.property-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #e6e6e6; padding: 10px; background-image: url(../images/br-down.png); background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: 15px; font-size: 16px; line-height: 1.5; font-family: inherit; min-width: 120px; width: 100% }
.property-select:focus { outline: none }
.property-ranges>.property-range:not(:last-child) { margin-bottom: 20px }
@media(min-width:768px) {
.property-ranges { display: -webkit-flex; display: flex }
.property-ranges>.property-range:not(:last-child) { margin-bottom: 0; margin-right: 40px }
}
.property-range { padding: 0 10px; width: 100% }
.property-range-label { margin-bottom: 8px; font-weight: 300 }
.noUi-target { background-color: #c8c8c8!important; box-shadow: none!important; border-radius: 0!important; border: none!important }
.noUi-horizontal { height: 4px!important }
.noUi-connects { border-radius: 0!important }
.noUi-connect { background: #00509d!important }
.noUi-handle { width: 16px!important; height: 16px!important; border: none!important; background-color: #00509d!important; border-radius: 400px!important; right: -8px!important; box-shadow: none!important; cursor: -webkit-grab!important; cursor: grab!important }
.noUi-handle:active { cursor: -webkit-grabbing; cursor: grabbing }
.noUi-handle:after, .noUi-handle:before { content: none!important }
.property-range-results { display: -webkit-flex; display: flex; font-weight: 300 }
.property-range-results>div:first-child:after { content: "—"; margin: 0 6px }
.render-filters { display: none; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; font-weight: 300; font-size: 16px }
.render-filters>:not(.render-filters-label) { position: relative; padding-right: 26px; cursor: pointer }
.render-filters>:not(.render-filters-label):after { content: "×"; position: absolute; top: -6px; right: 4px; width: 20px; height: 20px; background-color: #000; border-radius: 50px; color: #fff; font-size: 14px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; line-height: 1; font-weight: 300 }
#render-block { display: none }
.property-button { font-size: 15px; height: 38px; padding: 8px 16px; min-width: 200px; width: 100% }
@media(min-width:992px) {
.property-button { width: auto; margin-left: auto }
}
.project-header { padding: 20px 10px 10px; background-color: #333 }
@media(min-width:992px) {
.project-header { padding: 30px 50px }
}
.project-heading { font-size: 24px; font-weight: 700; color: #fff; line-height: 1.1; text-transform: uppercase; padding: 10px }
@media(min-width:992px) {
.project-heading { font-size: 32px }
}
.project-shares { padding: 10px; display: -webkit-inline-flex; display: inline-flex; gap: 10px }
.project-share { display: -webkit-flex; display: flex; border-radius: 100px; overflow: hidden; transition: all .2s ease }
.project-share-icon { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 32px; height: 32px; -webkit-flex-shrink: 0; flex-shrink: 0 }
.project-share img { width: 14px; -webkit-transform: translateX(1px); transform: translateX(1px) }
.project-share-text { background-image: linear-gradient(90deg, rgba(0,0,0,.12), transparent); font-size: 12px; font-weight: 300; padding: 0 10px; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; width: 100%; color: #fff }
.project-share:hover { -webkit-filter: saturate(1.5) brightness(1.2); filter: saturate(1.5) brightness(1.2) }
.project-share--whatsapp { background-color: #25d366 }
.project-share--telegram { background-color: #2ca5e0 }
.project-share--facebook { background-color: #3b5998 }
.project-object { position: relative; height: 380px; width: 100% }
.project-object__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; height: 100%; width: 100%; z-index: 90 }
.project-object__item { width: 100%; height: 100%; display: none }
@media(min-width:768px) {
.project-object { height: 600px }
}
@media(min-width:1370px) {
.project-object__overlay { }
.project-object__item { display: block }
}
.project-container { max-width: 1170px; padding: 0 25px; margin: 0 auto }
.project-content p { font-size: 16px; line-height: 1.5; margin-bottom: 14px; font-weight: 400 }
.project-content h5 { font-weight: 700; font-size: 21px; color: #333; line-height: 1.4; text-transform: uppercase; margin: 30px 0 16px }
.project-content ul { padding-left: 40px; list-style: initial; line-height: 1.5 }
.project-section { padding: 15px 0 }
@media(min-width:768px) {
.project-section { padding: 30px 0 }
}
@media(min-width:992px) {
.project-section { padding: 60px 0 }
}
.project-swiper .swiper-button-next, .project-swiper .swiper-button-prev { background-color: #000; width: 50px; height: 50px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.project-swiper .swiper-button-next:after, .project-swiper .swiper-button-next:before, .project-swiper .swiper-button-prev:after, .project-swiper .swiper-button-prev:before { display: none }
.project-swiper .swiper-button-next svg, .project-swiper .swiper-button-prev svg { width: 30px; height: 30px }
.project-swiper .swiper-button-prev { left: 0 }
.project-swiper .swiper-button-next { right: 0 }
.project-swiper .swiper-button-next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.project-section-heading { margin-bottom: 20px; padding: 15px 0; text-align: center; position: relative }
.project-section-heading:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #e7e7e7 }
.project-section-heading span { font-size: 24px; line-height: 1; padding: 0 30px; position: relative; z-index: 10; background-color: #fff }
@media(min-width:992px) {
.project-section-heading { padding: 45px 0 }
.project-section-heading span { font-size: 30px }
}
.project-nav { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; list-style: none!important; padding: 0!important; margin: 0 -14px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); position: -webkit-sticky; position: sticky; top: 0; z-index: 100 }
.project-nav__link { font-size: 14px; font-weight: 600; padding: 8px 12px; transition: color .2s ease; line-height: 1 }
.project-nav__link.active { color: #00509d }
@media(min-width:768px) {
.project-nav__link { font-size: 18px; padding: 13px 20px }
.project-nav__link:hover { color: #00509d }
}
.anchor { position: relative; top: -90px }
@media(min-width:768px) {
.anchor { top: -60px }
}
.lg-backdrop { background-color: rgba(0,0,0,.8)!important }
.lg-next, .lg-prev { top: 0!important; height: 100%!important; min-width: 45px!important; background-color: transparent!important; outline: none!important }
.lg-next:before, .lg-prev:before { content: ""!important; position: absolute; top: 50%; width: 45px!important; height: 45px!important; background-image: url(../images/svg/chevron-left-solid.svg); background-repeat: no-repeat; background-position: 50%; background-size: 18px }
@media(max-width:767.98px) {
.lg-next:before, .lg-prev:before { background-color: rgba(0,0,0,.5) }
}
.lg-next:after, .lg-prev:after { content: ""!important }
@media(min-width:768px) {
.lg-next, .lg-prev { width: 15%!important }
}
.lg-prev { left: 0!important }
.lg-prev:before { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.lg-next { right: 0!important }
.lg-next:before { right: 50%; -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg) }
.gallery-grid { display: grid; grid-template-columns: 1fr; gap: 15px }
@media(min-width:768px) {
.gallery-grid { grid-template-columns: 1fr 1fr }
}
@media(min-width:992px) {
.gallery-grid { grid-template-columns: 1fr 1fr 1fr }
}
.gallery-grid>* { height: 260px; overflow: hidden; border: 1px solid #e9e9e9; border-radius: 5px; position: relative }
.gallery-grid>:hover .caption { opacity: 1 }
.gallery-grid>* img { width: 100%; height: 100%; object-fit: cover }
.gallery-grid .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; color: #fff; font-weight: 300; background-color: rgba(0,0,0,.7215686274509804); transition: opacity .2s ease; opacity: 0; padding: 20px; text-align: center }
.lg-sub-html div { padding: 15px 20px!important }
.lg-sub-html h4 { font-size: 16px!important; font-weight: 700!important }
.lg-sub-html h4, .lg-sub-html p { color: hsla(0,0%,93.3%,.9019607843137255)!important }
.lg-sub-html p { font-size: 14px!important; font-weight: 300!important }
.project-table-wrapper { padding: 15px; border-radius: 10px; border: 1px solid #e7e7e7 }
.project-table { width: 100%; text-align: left; font-size: 14px }
.project-table thead { background-color: #00509d!important; color: #fff; font-weight: 700 }
.project-table td, .project-table th { padding: 10px }
.project-table tbody { font-weight: 300 }
.project-table tbody tr { transition: background-color .2s ease }
.project-table tbody tr:nth-child(2n) { background-color: #f7f7f7 }
.project-table tbody tr:hover { background-color: #e9e9e9 }
#project-map { height: 320px }
@media(min-width:768px) {
#project-map { height: 500px }
}
.project-form { padding: 0; max-width: none; background-color: #fff }
.sticky-contact { background-color: #ffd500; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 20px; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); height: 55px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; z-index: 999; transition: all .2s ease }
@media(min-width:992px) {
.sticky-contact { display: none }
}
.project-carousel .carousel-cell { width: 100% }
.project-carousel .flickity-button { width: 38px!important; height: 38px!important; background-color: #000!important; border-radius: 0!important; color: #fff!important; z-index: 999!important }
@media(min-width:992px) {
.project-carousel .flickity-button { width: 50px!important; height: 50px!important }
}
.project-carousel .flickity-button.previous { left: 0!important }
.project-carousel .flickity-button.next { right: 0!important }
.immigration-hero { background-image: url(../images/immigration-hero-img.jpeg); background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding-top: 50px }
.immigration-hero:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .68; z-index: -1 }
.immigration-heading { font-size: 36px; font-weight: 700 }
@media(min-width:768px) {
.immigration-heading { font-size: 40px }
}
@media(min-width:992px) {
.immigration-heading { font-size: 64px }
}
.immigration-form { background-color: #ededed; padding: 25px }
.immigration-form .p { font-weight: 500; margin-bottom: 24px }
@media(min-width:768px) {
.immigration-form { padding: 40px }
}
.immigration-form__item { margin-bottom: 25px }
.immigration-form__label { font-size: 16px; margin-bottom: 15px; font-weight: 700; color: #00509d; line-height: 1.5; display: inline-block }
@media(min-width:992px) {
.immigration-form__label { font-size: 18px }
}
.immigration-form__field input { opacity: 0; position: absolute; visibility: hidden; left: -9999px }
.immigration-form__field>label { display: inline-block; margin-right: 16px; font-weight: 700; position: relative; cursor: pointer; margin-bottom: 10px }
.immigration-form__field>label span { padding-left: 28px }
.immigration-form__field>label input:checked+span:before { background-image: url(../images/svg/check-circle-regular.svg) }
.immigration-form__field>label span:before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-image: url(../images/svg/circle-regular.svg) }
.immigration-form__button { padding: 15px 20px; font-weight: 600; color: #000; background-color: #ffd500; border-style: none; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(0,0,0,.15); font-size: 15px; font-family: inherit; cursor: pointer }
[data-form-required] .immigration-form__label:after { content: "*"; color: red }
.immigration-form__heading { font-size: 24px; font-weight: 600; color: #00509d; margin-bottom: 8px }
.immigration-form__icon-field { box-shadow: 0 0 20px 0 rgba(0,0,0,.16); border-radius: 5px; overflow: hidden; display: -webkit-flex; display: flex }
.immigration-form__icon-field input, .immigration-form__icon-field textarea { width: 100%; min-height: 42px; border: none; padding: 10px; font-size: 14px; outline: none!important }
.immigration-form__icon-field input::-webkit-input-placeholder, .immigration-form__icon-field textarea::-webkit-input-placeholder {
font-family:inherit;
color:rgba(0,0,0,.3)
}
.immigration-form__icon-field input:-ms-input-placeholder, .immigration-form__icon-field textarea:-ms-input-placeholder {
font-family:inherit;
color:rgba(0,0,0,.3)
}
.immigration-form__icon-field input::placeholder, .immigration-form__icon-field textarea::placeholder {
font-family:inherit;
color:rgba(0,0,0,.3)
}
.immigration-form__icon { background-color: #00509d; width: 42px; height: 42px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0 }
.immigration-form__icon img { height: 21px }
.blog-search { background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.5); padding: 10px }
.blog-search input { width: 100%; font-size: 22px; border: none; outline: none!important; color: #6b6b6b }
.blog-search button { background-color: #00509d; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border: none; padding: 10px 15px; cursor: pointer; margin-top: 10px; width: 100% }
.blog-search button img { width: 14px; height: 14px }
@media(min-width:768px) {
.blog-search { display: -webkit-flex; display: flex }
.blog-search button { margin-left: 10px; margin-top: 0; width: auto }
}
.blog-card { box-shadow: 0 0 10px 0 rgba(0,0,0,.15); position: relative; transition: box-shadow .2s ease; height: 100% }
.blog-card:hover { box-shadow: 0 0 30px 0 rgba(0,0,0,.15) }
.blog-card:hover .blog-card__hero:after { opacity: .5 }
.blog-card__hero { padding-bottom: 50%; display: block; position: relative }
.blog-card__hero:after { display: block; content: ""; background-image: linear-gradient(0deg, rgba(0,0,0,.35), transparent 75%); background-repeat: no-repeat; bottom: 0; transition: opacity .2s ease }
.blog-card__hero:after, .blog-card__hero img { height: 100%; width: 100%; position: absolute; left: 0 }
.blog-card__hero img { top: 0; }
.blog-card__badge { position: absolute; top: 20px; right: 20px; background-color: #ffd500; color: #000; font-size: 16px; font-weight: 300; padding: .6em 1.2em; line-height: 1; border-radius: 999px }
.blog-card__body { padding: 40px 20px 20px }
.blog-card__heading { font-size: 23px; color: #3a3a3a; font-weight: 700; line-height: 1.1; margin-bottom: 15px }
.blog-card__description { color: #3a3a3a; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 10px }
.blog-card__link { color: #cbb340; font-size: 16px; font-weight: 400 }
@media(min-width:768px) {
.blog-card__hero { padding-bottom: 66% }
.blog-card__heading { font-size: 28px }
}
.blog-content img { margin: 20px 0 30px }
.blog-content p { color: #000; font-weight: 400; line-height: 2; margin-bottom: 15px }
.blog-content p+:not(p) { margin-top: 0 }
.blog-content h2 { font-size: 30px; font-weight: 700; padding-bottom: 10px; padding-top: 20px; line-height: 1.2; text-transform: uppercase; text-align: center; margin-bottom: 16px; margin-top: 16px }
.blog-content table td, .blog-content table th { padding: 15px; line-height: 1.5; border: 1px solid #ccc }
.blog-content table { width: 100%; text-align: center; font-size: 15px }
.blog-content table tr:nth-child(odd) { background-color: #f7f7f7 }
.blog-content table tr:hover { background-color: #e9e9e9 }
.blog-content figure { margin-bottom: 16px }
.blog-content figcaption { font-size: 14px; text-align: center; font-style: normal; color: #cbb340; margin-top: 15px }
.blog-content ol, .blog-content ul { line-height: 2; padding-left: 40px }
.blog-content ul { list-style: initial }
.blog-content a { color: #d19024 }
.blog-content a:hover { text-decoration: underline }
.blog-author { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center }
.blog-author__img { width: 40px; height: 40px; object-fit: cover; border-radius: 200px; margin: 0 5px 0 0!important }
.blog-author__name { font-size: 15px; font-weight: 500; color: #000; margin-right: 15px }
.blog-author__date { color: #656565; font-weight: 300; font-size: 15px }
.blog-container { max-width: 770px; margin-left: auto; margin-right: auto }
.blog-details-heading { font-size: 32px; font-weight: 700; line-height: 1.3em; letter-spacing: -.3px; color: #020202; text-align: center; margin-bottom: 20px }
@media(min-width:768px) {
.blog-details-heading { font-size: 40px; margin-bottom: 30px }
}
.list-block { padding: 10px; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #eee; color: #00509d }
.list-block ul { padding-left: 0; list-style: none; line-height: 1.6 }
.list-block h4 { font-weight: 700; font-size: 19px }
.list-block a { line-height: 1.6; font-size: 16px; font-weight: 400; color: #00509d }
.list-block a:hover { color: #fdc500; text-decoration: underline }
.author-widget { margin: 30px 0 0; padding: 30px 15px; background-color: transparent; background-image: linear-gradient(180deg, #f2f2f2, #e1e1e1 69%) }
.author-widget__img { margin: 0 auto 23px; width: 100px; border-radius: 500px; object-fit: cover }
.author-widget__heading { line-height: 1.4; margin-bottom: 5px; font-size: 21px; font-weight: 500 }
.author-widget p { margin-bottom: 12px; font-weight: 300 }
.blog-nav { padding: 10px 0; margin-bottom: 30px; margin-top: 10px }
.blog-prev { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; color: #00509d; font-size: 15px }
.blog-prev:hover { text-decoration: underline }
.blog-prev img { width: 20px; margin-right: 15px }
.blog-next { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; color: #00509d; font-size: 15px; margin-left: auto }
.blog-next:hover { text-decoration: underline }
.blog-next img { width: 20px; margin-left: 15px }
.blog-share { margin-top: 10px; position: -webkit-sticky; position: sticky; top: 24px; margin-left: auto; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center }
.blog-share a:not(:last-child) { margin-bottom: 14px }
.blog-share img { width: 22px }
.mob-blog-share { display: -webkit-flex; display: flex; background-color: #000 }
.mob-blog-share a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 27px; height: 27px }
.mob-blog-share a img { height: 11px }
@media(min-width:768px) {
.mob-blog-share a { height: 30px }
.mob-blog-share a img { height: 16px }
}
.contact-card { border: 1px solid grey; border-top: 30px solid grey; min-height: 330px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 10px }
.contact-card__img { width: 50px; height: 50px; border-radius: 200px; background-color: grey; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 25px }
.contact-card__img img { width: 30px; height: 30px }
.contact-card__icon { margin-bottom: 25px }
.contact-card__icon img { height: 56px }
.contact-card__qr { margin-top: auto; text-align: center }
.contact-card__qr img { width: 100px; box-shadow: 0 0 20px 0 rgba(0,0,0,.12) }
.contact-card--warning { border-color: #fed430 }
.contact-card--warning .contact-card__img { background-color: #fed430 }
.contact-card--warning .contact-card__button { background-color: #fed430; transition: background-color .2s ease }
.contact-card--warning .contact-card__button:hover { background-color: #ffdd58 }
.contact-card--success { border-color: #36b549 }
.contact-card--success .contact-card__img { background-color: #36b549 }
.contact-card--success .contact-card__button { background-color: #36b549; transition: background-color .2s ease }
.contact-card--success .contact-card__button:hover { background-color: #48c85b }
.contact-card__heading { font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 20px }
.contact-card p { font-size: 17px; font-weight: 500 }
.contact-card__button { display: block; background-color: grey; text-align: center; margin-top: auto; font-size: 20px; line-height: 1; font-weight: 700; padding: 12px 24px; margin-bottom: 5px }
.about-block { padding: 58px 0 }
.about-block p { font-size: 16px; margin-bottom: 15px; line-height: 1.5 }
.about-block img { max-width: 492px; width: 100% }
@media(min-width:768px) {
.about-block { padding: 78px 0 58px }
.about-block p { font-size: 18px }
}
@media(min-width:992px) {
.about-block { padding: 128px 0 70px }
.about-block p { font-size: 22px }
}
.about-parallax { height: 450px; overflow: hidden; background-image: url(../images/parallax-about.jpeg); background-repeat: no-repeat; background-position: 50%; background-size: cover }
.about-content p { margin-bottom: 15px; font-weight: 300 }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal }
:root { --swiper-theme-color:#007aff
}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-vertical>.swiper-wrapper { -webkit-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-flex; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-multirow-column>.swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column }
.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-container-pointer-events { touch-action: pan-y }
.swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x }
.swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-align-items: flex-start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0,0,0,.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent) }
.swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory }
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory }
:root { --swiper-navigation-size:44px
}
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width:calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: normal; line-height: 1 }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#fff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000
}
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: top .2s, -webkit-transform .2s; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: left .2s, -webkit-transform .2s; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: right .2s, -webkit-transform .2s; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s }
.swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white { --swiper-pagination-color:#fff
}
.swiper-pagination-black { --swiper-pagination-color:#000
}
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent }
.swiper-lazy-preloader-white { --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color:#000
}
@-webkit-keyframes swiper-preloader-spin { to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes swiper-preloader-spin { to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 }
.swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px) }
.swiper-container-flip { overflow: visible }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled { position: relative }
.flickity-enabled:focus { outline: none }
.flickity-viewport { overflow: hidden; position: relative; height: 100% }
.flickity-slider { position: absolute; width: 100%; height: 100% }
.flickity-button { position: absolute; background: hsla(0,0%,100%,.75); border: none; color: #333 }
.flickity-button:hover { background: #fff; cursor: pointer }
.flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19f }
.flickity-button:active { opacity: .6 }
.flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none }
.flickity-button-icon { fill: currentColor }
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.flickity-prev-next-button.previous { left: 10px }
.flickity-prev-next-button.next { right: 10px }
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px }
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60% }
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 }
.flickity-rtl .flickity-page-dots { direction: rtl }
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; touch-action: none; -ms-user-select: none; user-select: none; box-sizing: border-box }
.noUi-target { position: relative }
.noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 }
.noUi-connects { overflow: hidden; z-index: 0 }
.noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat }
.noUi-connect { height: 100%; width: 100% }
.noUi-origin { height: 10%; width: 10% }
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto }
.noUi-vertical .noUi-origin { width: 0 }
.noUi-horizontal .noUi-origin { height: 0 }
.noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute }
.noUi-touch-area { height: 100%; width: 100% }
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.noUi-state-drag * { cursor: inherit!important }
.noUi-horizontal { height: 18px }
.noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px }
.noUi-vertical { width: 18px }
.noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; top: -17px }
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto }
.noUi-target { background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb }
.noUi-connects { border-radius: 3px }
.noUi-connect { background: #3fb8af }
.noUi-draggable { cursor: ew-resize }
.noUi-vertical .noUi-draggable { cursor: ns-resize }
.noUi-handle { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb }
.noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb }
.noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; left: 14px; top: 6px }
.noUi-handle:after { left: 17px }
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px }
.noUi-vertical .noUi-handle:after { top: 17px }
[disabled] .noUi-connect { background: #b8b8b8 }
[disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target { cursor: not-allowed }
.noUi-pips, .noUi-pips * { box-sizing: border-box }
.noUi-pips { position: absolute; color: #999 }
.noUi-value { position: absolute; white-space: nowrap; text-align: center }
.noUi-value-sub { color: #ccc; font-size: 10px }
.noUi-marker { position: absolute; background: #ccc }
.noUi-marker-large, .noUi-marker-sub { background: #aaa }
.noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% }
.noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) }
.noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) }
.noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px }
.noUi-marker-horizontal.noUi-marker-sub { height: 10px }
.noUi-marker-horizontal.noUi-marker-large { height: 15px }
.noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% }
.noUi-value-vertical { -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 25px }
.noUi-rtl .noUi-value-vertical { -webkit-transform: translateY(50%); transform: translateY(50%) }
.noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px }
.noUi-marker-vertical.noUi-marker-sub { width: 10px }
.noUi-marker-vertical.noUi-marker-large { width: 15px }
.noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap }
.noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%); transform: translate(-50%); left: 50%; bottom: 120% }
.noUi-vertical .noUi-tooltip { -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 120% }
.noUi-horizontal .noUi-origin>.noUi-tooltip { -webkit-transform: translate(50%); transform: translate(50%); left: auto; bottom: 10px }
.noUi-vertical .noUi-origin>.noUi-tooltip { -webkit-transform: translateY(-18px); transform: translateY(-18px); top: auto; right: 28px }
@font-face { font-family: lg; src: url(../fonts/lg.ttf) format("truetype"), url(../fonts/lg.woff) format("woff"), url(../images/svg/lg.svg#lg) format("svg"); font-weight: 400; font-style: normal; font-display: block }
.lg-icon { font-family: lg!important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.lg-container { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji }
.lg-next, .lg-prev { background-color: rgba(0,0,0,.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none }
.lg-next.disabled, .lg-prev.disabled { opacity: 0!important; cursor: default }
.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) { color: #fff }
.lg-single-item .lg-next, .lg-single-item .lg-prev { display: none }
.lg-next { right: 20px }
.lg-next:before { content: "" }
.lg-prev { left: 20px }
.lg-prev:after { content: "" }
@-webkit-keyframes lg-right-end { 0% {
left:0
}
50% {
left:-30px
}
to { left: 0 }
}
@keyframes lg-right-end { 0% {
left:0
}
50% {
left:-30px
}
to { left: 0 }
}
@-webkit-keyframes lg-left-end { 0% {
left:0
}
50% {
left:30px
}
to { left: 0 }
}
@keyframes lg-left-end { 0% {
left:0
}
50% {
left:30px
}
to { left: 0 }
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative }
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative }
.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100% }
.lg-media-overlap .lg-toolbar { background-image: linear-gradient(0deg, transparent, rgba(0,0,0,.4)) }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none!important; outline: medium none; will-change: color; transition: color .2s linear; background: none; border: none; box-shadow: none }
.lg-toolbar .lg-icon.lg-icon-18 { font-size: 18px }
.lg-toolbar .lg-icon:hover { color: #fff }
.lg-toolbar .lg-close:after { content: "" }
.lg-toolbar .lg-maximize { font-size: 22px }
.lg-toolbar .lg-maximize:after { content: "" }
.lg-toolbar .lg-download:after { content: "" }
.lg-sub-html { color: #eee; font-size: 16px; padding: 10px 40px; text-align: center; z-index: 1080; opacity: 0; transition: opacity .2s ease-out 0s }
.lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700 }
.lg-sub-html p { font-size: 12px; margin: 5px 0 0 }
.lg-sub-html a { color: inherit }
.lg-sub-html a:hover { text-decoration: underline }
.lg-media-overlap .lg-sub-html { background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.6)) }
.lg-item .lg-sub-html { position: absolute; bottom: 0; right: 0; left: 0 }
.lg-error-msg { font-size: 14px; color: #999 }
.lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle }
.lg-closing .lg-next, .lg-closing .lg-prev, .lg-closing .lg-sub-html, .lg-closing .lg-toolbar { opacity: 0; transition: opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s; transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear; transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { opacity: 0; will-change: opacity; transition: opacity .25s cubic-bezier(0, 0, .25, 1)!important }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { opacity: 1 }
.lg-group:after { content: ""; display: table; clear: both }
.lg-on { scroll-behavior: unset }
.lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar { opacity: 0; will-change: transform, opacity; transition: opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s }
.lg-show-in.lg-hide-sub-html .lg-sub-html, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar { opacity: 1 }
.lg-show-in .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) }
.lg-show-in .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) }
.lg-show-in .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) }
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) }
.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: .001; outline: none; will-change: auto; transition: opacity .15s ease 0s }
.lg-outer * { box-sizing: border-box }
.lg-outer.lg-visible, .lg-outer.lg-zoom-from-image { opacity: 1 }
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide { transition-duration: inherit!important; transition-timing-function: inherit!important }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { transition-duration: 0s!important; opacity: 1 }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; outline: none }
.lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; transition: opacity 0s; white-space: nowrap }
.lg-outer .lg-item { will-change: transform, opacity; display: none!important }
.lg-outer .lg-item:not(.lg-start-end-progress) { background: url(../images/loading.gif) no-repeat scroll 50% transparent }
.lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css .lg-current { display: inline-block!important }
.lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100% }
.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 100%; vertical-align: middle }
.lg-outer .lg-img-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0 }
.lg-outer .lg-item.lg-complete { background-image: none }
.lg-outer .lg-item.lg-current { z-index: 1060 }
.lg-outer .lg-object { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play-button { opacity: 0; will-change: opacity; transition: opacity .15s ease 0s }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button, .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button { opacity: 1 }
.lg-outer .lg-empty-html { display: none }
.lg-outer[data-lg-slide-type=iframe] .lg-download, .lg-outer[data-lg-slide-type=video] .lg-download { opacity: .75; pointer-events: none }
.lg-outer .lg-first-slide .lg-dummy-img { position: absolute; top: 50%; left: 50% }
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { opacity: 1; transition: opacity .2s ease-out .15s }
.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; will-change: auto; transition: opacity 333ms ease-in 0s }
.lg-backdrop.in { opacity: 1 }
.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none 0s ease 0s!important }
.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden }
.lg-css3.lg-fade .lg-item { opacity: 0 }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1 }
.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity .1s ease 0s }
.lg-css3.lg-use-css3 .lg-item.lg-start-progress { transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s; transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s; transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s }
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress { transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s }
.lg-container { display: none }
.lg-container.lg-show { display: block }
.lg-container.lg-dragging-vertical .lg-backdrop, .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current { transition-duration: 0s!important }
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current { opacity: 1 }
.lg-inline .lg-backdrop, .lg-inline .lg-outer { position: absolute }
.lg-inline .lg-backdrop { z-index: 1 }
.lg-inline .lg-outer { z-index: 2 }
.lg-inline .lg-maximize:after { content: "" }
.lg-components { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; transition: -webkit-transform .35s ease-out 0s; transition: transform .35s ease-out 0s; transition: transform .35s ease-out 0s, -webkit-transform .35s ease-out 0s; z-index: 1080; position: absolute; bottom: 0; right: 0; left: 0 }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0ms!important }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s }
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scaleX(1); transform: scaleX(1); will-change: opacity, transform; transition: opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s!important; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s!important; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s!important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.lg-icon.lg-zoom-in:after { content: "" }
.lg-icon.lg-actual-size { font-size: 20px }
.lg-icon.lg-actual-size:after { content: "" }
.lg-icon.lg-zoom-out { opacity: .5; pointer-events: none }
.lg-icon.lg-zoom-out:after { content: "" }
.lg-zoomed .lg-icon.lg-zoom-out { opacity: 1; pointer-events: auto }
.lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-zoom-out { opacity: .75; pointer-events: none }
.lg-outer .lg-thumb-outer { background-color: #0d0a0a; display: inline-block; width: 100%; max-height: 350px }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb, .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb { transition-duration: 0s!important }
.lg-outer .lg-thumb-outer.lg-thumb-align-middle { text-align: center }
.lg-outer .lg-thumb-outer.lg-thumb-align-left { text-align: left }
.lg-outer .lg-thumb-outer.lg-thumb-align-right { text-align: right }
.lg-outer.lg-single-item .lg-thumb-outer { display: none }
.lg-outer .lg-thumb { padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle }
@media(min-width:768px) {
.lg-outer .lg-thumb { padding: 10px 0 }
}
.lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border-radius: 2px; margin-bottom: 5px; will-change: border-color }
@media(min-width:768px) {
.lg-outer .lg-thumb-item { border-radius: 4px; border: 2px solid #fff; transition: border-color .25s ease }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707 }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0 }
.lg-outer .lg-toggle-thumb:after { content: "" }
.lg-outer.lg-animate-thumb .lg-thumb { transition-timing-function: cubic-bezier(.215, .61, .355, 1) }
.lg-fullscreen:after { content: "" }
.lg-fullscreen-on .lg-fullscreen:after { content: "" }
/*!
 * justifiedGallery - v3.8.1
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2020 Miro Mannino
 * Licensed under the MIT license.
 */.justified-gallery { width: 100%; position: relative; overflow: hidden }
.justified-gallery>a, .justified-gallery>div, .justified-gallery>figure { position: absolute; display: inline-block; overflow: hidden; filter: "alpha(opacity=10)"; opacity: .1; margin: 0; padding: 0 }
.justified-gallery>a>a>img, .justified-gallery>a>a>svg, .justified-gallery>a>img, .justified-gallery>a>svg, .justified-gallery>div>a>img, .justified-gallery>div>a>svg, .justified-gallery>div>img, .justified-gallery>div>svg, .justified-gallery>figure>a>img, .justified-gallery>figure>a>svg, .justified-gallery>figure>img, .justified-gallery>figure>svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0 }
.justified-gallery>.jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none }
.justified-gallery>.jg-entry-visible>a>img, .justified-gallery>.jg-entry-visible>a>svg, .justified-gallery>.jg-entry-visible>img, .justified-gallery>.jg-entry-visible>svg { filter: "alpha(opacity=100)"; opacity: 1; transition: opacity .5s ease-in }
.paging ul { display: -webkit-inline-flex; display: inline-flex; border: 1px solid rgba(0,0,0,.2); border-radius: 8px; overflow: hidden; }
.paging ul li:not(:last-child) { border-right: 1px solid rgba(0,0,0,.2); margin: 0; padding: 0; }
.paging ul li .page-numbers { font-size: 16px; padding: 2px 15px; font-weight: 500; color: #555; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 40px; line-height: 1; }
.paging ul li .current { background-color: #ffd500; color: #fff!important; }
.paging ul li a:hover { background-color: #ffd500; color: #fff!important; }
.paging ul li .page-numbers img { width: 8px; margin-top: 2px; }
.paging ul li .page-numbers.prev img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
span.sf-range-values-seperator { padding-left: 5px; padding-right: 5px; }
input.sf-input-text { font-size: 14px; line-height: 1.3; font-family: inherit; color: #000; width: 100%; background-color: #fff; box-shadow: 0 0 22px 0 rgb(0 0 0 / 10%); padding: 15px 15px 15px 40px; position: relative; color: #000; border-width: 0; display: block; background-image: url(../images/svg/search-solid.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: 17px; }
.searchandfilter label { display: block!important; }
li.sf-field-search { }
.searchandfilter select.sf-input-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #e6e6e6; padding: 10px; background-image: url(../images/br-down.png); background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: 15px; font-size: 16px; line-height: 1.5; font-family: inherit; min-width: 120px; width: 100%; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); }
.searchandfilter label { display: i; }
.searchandfilter ul li { width: 16.6666667%; float: left; }
.searchandfilter ul li.sf-field-search { width: 100%!important; }
.searchandfilter ul:after { content: ''; display: block; clear: both; }
li.sf-field-post-meta-property-price { width: 50%!important; padding-right: 20px!important; }
li.sf-field-post-meta-property-psm { width: 50%!important; padding-left: 20px!important; }
.meta-slider.noUi-target.noUi-ltr.noUi-horizontal { width: 100%!important; max-width: 100%!important; }
header.hero-sm.immigration-hero.text-center.headerhide { display: none; }
/**10-07-2022 Enquiry Page**/


.enquiry_page { display: inline-block; vertical-align: top; width: 100%; padding: 100px 0 0; }
.enquiry_form { text-align: center; margin: 0 0 75px; }
.enquiry_page .home-form { text-align: left; }
label { font-size: 20px; margin: 0 0 9px; display: block; font-weight: 500; }
.enquiry_form .form__item input, .enquiry_form .form__item textarea { min-height: 56px; background: #ffffff; border: 1px solid #D9D9D9; border-radius: 4px; }
.enquiry_form .form__item:not(:first-child) { margin-top: 25px; }
.enquiry_form .form__item select { border: none; border-bottom: 1px solid #cfcfcf; width: 100%; font-size: 20px; color: #000; padding: 0 5px; font-family: inherit; min-height: 56px; background: #ffffff; border: 1px solid #D9D9D9; border-radius: 4px; }
.enquiry_form .form__item .submitButton { background: #ffd500; border: none; font-size: 32px; height: 78px; width: 100%; color: #000000; }
.client-logos { display: inline-block; vertical-align: top; width: 100%; padding: 0 0 50px; }
.client-logos ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.client-logos li { width: 16.66%; text-align: center; display: flex; align-items: center; justify-content: center; height: 100px; list-style: none; padding: 0 15px; }
.client-logos img { max-width: 100%; max-height: 100%; object-fit: contain; }
.greyBG { background: #EFEFEF; padding: 50px 0; }
.white_Outer { background: #ffffff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.05); border-radius: 8px; padding: 40px 50px; margin: 30px 0; }
.f_Box { display: flex; }
.f_Box + .f_Box { margin-top: 30px; }
.f_Img { width: 80px; min-width: 80px; height: 80px; margin-right: 50px; }
.white_Outer h3 { font-size: 32px; font-weight: 500; margin: 0 0 30px; }
.f_Content h4 { font-size: 24px; font-weight: 500; margin: 0 0 7px; }
.f_Content p { font-size: 20px; }
.enquiry_page .heading-secondary { margin: 0 0 30px; }
.enquery_accordian { padding: 50px 0; }
.accordion-list { position: relative; display: block; width: 100%; height: auto; max-width: 990px; margin: 0 auto; list-style: none; }
.accordion-list li { position: relative; display: block; width: 100%; height: auto; background-color: #FFF; padding: 25px 30px; margin: 0; cursor: pointer; border-bottom: 2px solid #F2F2F2; }
.accordion-list li.active h3:after { background-image: url(https://anjiasg.com/wp-content/themes/anjiasg/images/minus.png) }
.accordion-list li h3 { font-weight: bold; position: relative; display: block; width: 100%; height: auto; padding: 0 35px 0 0; margin: 0; font-size: 20px; letter-spacing: 0; cursor: pointer; }
.accordion-list li h3:after { content: ""; position: absolute; right: 0; top: 0; color: #Fcc110; transition: all 0.3s ease-in-out; font-size: 18px; width: 26px; height: 26px; background: url(https://anjiasg.com/wp-content/themes/anjiasg/images/plus.png) no-repeat center center; border-radius: 50%; }
.accordion-list li div.fAnswer { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; }
.accordion-list li div.fAnswer p { position: relative; display: block; font-weight: 300; padding: 10px 0 0 0; cursor: pointer; line-height: 1.5; margin: 0; font-size: 20px; }
.enq_footer .immigration-form__button { font-size: 20px; letter-spacing: 1px; }
.enq_footer p { font-size: 32px; margin: 0; }
.enq_footer .text-right { text-align: right; }
.checkboxbtn { position: relative; font-size: 18px; }
.checkboxbtn input[type="checkbox"], .checkboxbtn input[type="radio"] { padding: 0; height: initial; width: initial; margin-bottom: 0; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; }
.checkboxbtn label { padding: 0 0 0 40px; position: relative; line-height: 1.2; margin: 0 0 15px; display: inline-block; vertical-align: top; cursor: pointer; }
.checkboxbtn input[type="checkbox"]+span:before, .checkboxbtn input[type="radio"]+span:before { content: ''; -webkit-appearance: none; background-color: #ffffff; border: 1px solid #cfcfcf; padding: 11px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 5px; left: 0; top: 0; border-radius: 4px; cursor: pointer; }
.checkboxbtn input[type="checkbox"]:checked+span:before, .checkboxbtn input[type="radio"]:checked+span:before { background: #ffd500; border-color: #ffd500; }
.checkboxbtn input[type="checkbox"]:checked+span:after, .checkboxbtn input[type="radio"]:checked+span:after { content: ''; display: block; position: absolute; top: 3px; left: 9px; width: 7px; height: 14px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); cursor: pointer; }
.selectBox { position: relative; }
.selectBox::before { position: absolute; right: 2px; top: 2px; bottom: 2px; background: #ffffff; pointer-events: none; content: ""; width: 43px; display: inline-block; z-index: 1; height: auto; vertical-align: top; line-height: 1; }
.selectBox::after { position: absolute; right: 16px; top: 50%; background: none; content: ""; pointer-events: none; margin-top: -12px; color: #838383; font-size: 15px; line-height: 1; z-index: 2; content: ""; width: 16px; height: 16px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); }
.tabs_Group { display: none; }
.tabs_Group.activeTab { display: block; }
.PurchasePopup {position: fixed; left: 0; top: 0; height: 100vh; width: 100%; background: rgba(0,0,0,0.5); margin: 0; right: 0; z-index: 99999; color: #ffffff; }
.PurchasePopup_container { height: 100vh; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; overflow-y: auto; position: relative; background: none; top: 0; }
.PurchasePopup_content { width: 1330px; background: #00509D; max-width: 95%; position: relative; }
.PurchasePopup_left { width: 57%; padding: 50px 25px; display: flex; align-items: center; min-height: 90vh; }
.PurchasePopup_left_inner { width: 100%; }
.PurchasePopup_right { min-height: 90vh; padding: 0; max-width: 43%; width: 43%; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-left: auto; }
.PurchasePopup .row { margin: 0; }
.PurchasePopup .heading-secondary { font-size: 40px; margin: 0 0 25px; color: #ffffff; font-weight: bold; }
.PurchasePopup p { margin: 0 0 40px; font-size: 20px; font-weight: 500; }
.PurchasePopup .form__item input, .PurchasePopup .form__item textarea { min-height: 56px; background: #ffffff; border: 1px solid #D9D9D9; border-radius: 4px; }
.PurchasePopup .form__item:not(:first-child) { margin-top: 0; }
.PurchasePopup .form__item select { border: none; border-bottom: 1px solid #cfcfcf; width: 100%; font-size: 20px; color: #000; padding: 0 5px; font-family: inherit; min-height: 56px; background: #ffffff; border: 1px solid #D9D9D9; border-radius: 4px; }
.PurchasePopup label { text-align: left; }
.form-topPopup .form__item { width: 35%; padding: 0 12px; }
.form-topPopup { display: flex; margin: 0 -12px; min-width: 100%; }
.PurchasePopup .form-topPopup .form__item { width: 37%; padding: 0 12px; }
.PurchasePopup .form__item { margin: 0 0 30px; }
.PurchasePopup .form-topPopup .form__item.radioGroup { margin-top: 57px !important; text-align: left; width: 30%; }
.form-topPopup .checkboxbtn { display: inline-block; vertical-align: top; }
.PurchasePopup .checkboxbtn label { text-align: left; font-size: 16px; padding-left: 35px; line-height: 1.4; padding-right: 15px; }
.PurchasePopup .button { font-size: 24px; width: 100%; }
.form__item.popupbottomlink { margin-top: 60px !important; font-size: 20px; }
.popupbottomlink a { line-height: 1.6; border-bottom: 1px solid; }
.PurchasePopup_close::before { content: "+"; display: block; transform: rotate(45deg); position: relative; }
.PurchasePopup_close { position: absolute; left: auto; right: 10px; top: 10px; z-index: 9; font-size: 46px; font-weight: normal; color: #000000; line-height: 1; cursor: pointer; }
 @media only screen and (max-width:1340px) {
.PurchasePopup .form-topPopup .form__item { width: 33%; }
.PurchasePopup .form-topPopup .form__item.radioGroup { width: 33%; }
}
 @media only screen and (max-width:1199px) {
.f_Content p { font-size: 17px; }
.white_Outer h3 { font-size: 26px; }
.enq_footer p { font-size: 22px; margin: 11px 0; }
.enq_footer .immigration-form__button { font-size: 16px; }
.accordion-list li div.fAnswer p { line-height: 1.2; font-size: 16px; }
.form-topPopup { flex-wrap: wrap; }
.PurchasePopup .form-topPopup .form__item { width: 50%; }
.PurchasePopup .form-topPopup .form__item.radioGroup { width: 100%; margin-top: 0 !important; }
.PurchasePopup p { font-size: 16px; }
.PurchasePopup .heading-secondary { font-size: 30px; margin: 0 0 20px; }
.PurchasePopup .form__item input, .PurchasePopup .form__item textarea { min-height: 48px; }
.PurchasePopup_left { padding: 30px 25px; }
}
@media only screen and (max-width:991px) {
.enquiry_form .form__item .submitButton { font-size: 24px; height: 60px; }
label { font-size: 17px; margin: 0 0 5px; }
.enquiry_form .form__item input, .enquiry_form .form__item textarea, .enquiry_form .form__item select { min-height: 46px; }
.enquiry_form .form__item select { font-size: 17px; }
.client-logos li { width: 25%; padding: 0 20px; height: 80px; }
.white_Outer { padding: 30px 30px; }
.f_Img { width: 60px; min-width: 60px; height: 60px; margin-right: 25px; }
.enquiry_page .heading-secondary { font-size: 30px; }
.accordion-list li { padding: 20px 20px; }
.enq_footer { text-align: center; }
.enq_footer .text-right { text-align: center; }
.PurchasePopup_right , .PurchasePopup_left {
    min-height:60vh;
}
}
@media only screen and (max-width:767px) {
.enquiry_page { padding: 70px 0 0; }
label { font-size: 15px; }
.enquiry_form .form__item input, .enquiry_form .form__item textarea, .enquiry_form .form__item select { min-height: 40px; }
.enquiry_form .form__item select { font-size: 15px; }
.enquiry_page .form__heading { padding: 10px; }
.immigration-heading { font-size: 28px; }
.client-logos li { padding: 0 16px; height: 74px; }
.f_Content h4 { font-size: 20px; font-weight: 500; margin: 0 0 7px; }
.f_Content p { font-size: 15px; }
.accordion-list li h3:after { top: 5px; }
.PurchasePopup_left { padding: 40px 25px; width: 100%; height: auto;min-height: 0; }
.PurchasePopup_right { height: auto; padding: 0; max-width: 100%; width: 100%; height: 0; display:none; }
.form__item.popupbottomlink { margin-top: 30px !important; }
.PurchasePopup .form__item { margin: 0 0 25px; }
.PurchasePopup p { margin: 0 0 25px; }
}
 @media only screen and (max-width:576px) {
.client-logos li { width: 33.33%; padding: 0 15px; height: 70px;  }
}